<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="jquery.min.js"></script>
</head>

<body>
    <a href="http://www.itcast.cn" title="都挺好">都挺好</a>
    <input type="checkbox" name="" id="" checked>
    <div index="1" data-index="2">我是div</div>
    <span>123</span>
    <script>
        $(function () {
            // 1. element.prop("属性名") 获取元素固有的属性值
            console.log($(`a`).prop(`href`))
            $(`a`).prop(`title`,`我们都挺好的`)

            // 2. 元素的自定义属性 我们通过 attr()
            //attr()也可以操作固有属性，但有三个操作不了（checked，selected,disabled）
           console.log( $(`div`).attr(`index`))
           $(`div`).attr(`index`,4)

            // 3. 数据缓存 data() 这个里面的数据是存放在元素的内存里面
            //      这个方法获取data-index h5自定义属性 不用写data-  而且返回的是数字型
            $(`span`).data(`uname`,`andy`)
            console.log($(`span`).data(`uname`))
            console.log($(`span`).data(`index`))
        })
    </script>
</body>

</html>